<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <!-- <script>

        // //变量
        // var a = 10;
        // var b = "10";
        // console.log(a==b);  //进行隐式转换
        // console.log(a===b);  //不进行隐式转换

        // //数据类型
        // var a = 10;
        // console.log("a " + typeof a);
        // a = "你好";
        // console.log("a " + typeof a);
        // let b = 20;
        // console.log("b " + typeof b);
        // var c = true;
        // console.log("c " + typeof c);
        // var d;
        // console.log("d " + typeof d);

        // //数组
        // var a = new Array();
        // a[0] = 1;
        // a[1] = "你好";
        // console.log(a);
        // console.log(a[1]);
        // a[0] = 2;
        // console.log(a);

        // var b = [1, 2, "你好", true];
        // console.log(b);
        // b.splice(2, 1);
        // console.log(b);

        // b[100] = 3;
        // b['h'] = "hello";
        // console.log(b);

        // //函数
        // var a = function add(x, y) {
        //     console.log(x + y);
        // }
        // console.log(typeof add);
        // console.log(typeof a);

        // function add(x, y) {
        //     console.log(x + y);
        // }
        // add(1, 2);

        // var b = function(x ,y) {
        //     console.log(x + y);
        // }
        // b(1, 2);

        // var c = function(x, y) {
        //     console.log(x + y);
        // }

        // c(1, 2);
        // c(1);
        // c(1, 2, 3);
        // c("你好");

        // //对象
        // var student = new Object();
        // student.name = "ming";
        // student.height = "175";
        // student['weight'] = "170";
        // student.sayHello = function(){
        //     console.log("hello");
        // }
        // console.log(student.name);
        // console.log(student['weight']);
        // student.sayHello();

        // var b = {};
        // var student = {
        //     name:"ming",
        //     height:175,
        //     weight:170,
        //     sayHello:function(){
        //         console.log("hello");
        //     }
        // };
        // console.log(student.height);
        // console.log(student['weight']);
        // student.ago = 18;
        // student['gender'] = "男";
        // console.log(student);
        // b.ago = 13;
        // console.log(b); 

    </script> -->


    <!-- <p><a href="https://www.baidu.com/index.php?tn=75144485_1_dg&ch=9">百度</a></p>
    <img src="鱼片.jpg" width="200px" id="test"> 
    <script src="JQrery.js"></script>

    <script>
        var a = $("p a").attr("href");
        console.log(a);
        $("#test").click(function(){
            $("img").attr("width", "400px");
        });
    </script> -->


    <!-- <script src="JQrery.js"></script>
    <ol>
        <li>list1</li>
        <li>list2</li>
        <li>list3</li>
    </ol>

    <script>
        $("ol").append("<li>append</li>");
        $("ol").prepend("<li>prepend</li>");
        $("ol").before("before");
        $("ol").after("after");
    </script>  -->


    <script src="JQrery.js"></script>
    <ol>
        <li>list1</li>
        <li>list2</li>
        <li>list3</li>
    </ol>
    <div id="div1">div</div>
    <button id="remove">删除div</button>
    <button id="empty">清空ol</button>

    <script>
        $("#remove").click(function(){
            $("#div1").remove();
        });
        $("#empty").click(function(){
            $("ol").empty();
        });
    </script>





</body>
</html>